<template>
    <div class="classification">
        <nav class="navbar navbar-inverse" style="width: 950px; left: 190px">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <span class="navbar-brand" href="#" @click="">分类</span>
                    <a class="navbar-brand" href="/category/?movie_category=1" @click="">剧情</a>
                    <a class="navbar-brand" href="/category/?movie_category=2" @click="">喜剧</a>
                    <a class="navbar-brand" href="/category/?movie_category=3" @click="">动作</a>
                    <a class="navbar-brand" href="/category/?movie_category=4" @click="">爱情</a>
                    <a class="navbar-brand" href="/category/?movie_category=5" @click="">科幻</a>
                    <a class="navbar-brand" href="/category/?movie_category=6" @click="">动画</a>
                    <a class="navbar-brand" href="/category/?movie_category=7" @click="">悬疑</a>
                    <a class="navbar-brand" href="/category/?movie_category=8" @click="">惊悚</a>
                    <a class="navbar-brand" href="/category/?movie_category=9" @click="">恐怖</a>
                    <a class="navbar-brand" href="/category/?movie_category=10" @click="">犯罪</a>
                    <a class="navbar-brand" href="/category/?movie_category=11" @click="">音乐</a>
                    <a class="navbar-brand" href="/category/?movie_category=12" @click="">战争</a>
                    <a class="navbar-brand" href="/category/?movie_category=13" @click="">冒险</a>
                    <a class="navbar-brand" href="#" @click="">会员精选</a>
                </div>
            </div><!-- /.container-fluid -->
        </nav>
    </div>
</template>

<script>
    export default {
        name: "Classification",
    }
</script>

<style scoped>
    .navbar-brand {
        float: left;
        height: 50px;
        padding: 15px 18px;
        font-size: 18px;
        line-height: 20px;
        left: 21px;
    }
</style>